<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="./style/accountPage.css">
    <link rel="stylesheet" href="./style/idangerous.swiper.css">
    <link rel="stylesheet" href="../indexPage/css/animsition.min.css">

    <title>个人信息</title>
</head>

<body>
<div class="animsition">
<div class="all">
    <div class="top">
        <p>
            <a href="../../index.html" class="animsition-link">
                <img src="./img/backIcon.png" style="width: 0.8rem;height: 1.1rem;">
            </a>
            <span>个人信息</span>
        </p>
    </div>

    <div class="infor">
        <div class="infor-content">
            <div>
                <img src="./img/infor-photo.png">
            </div>

            <div class="name">
                <p class="one">戊寓</p>
                <p class="two">累积点赞次数：3600</p>
            </div>
        </div>

        <div class="tabs">
            <a href="#" hidefocus="true" class="active" style="border-top-left-radius:2px;">已发布</a>
            <a href="#" hidefocus="true" style="border-top-right-radius:2px;">被采纳</a>
        </div>

    </div>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="content-slide">
                    <div class="publishedItem">
                        <p>你的ssssssssssssssssssssssssssssssssss背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>
                    </div>
                    <div class="publishedItem">
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="publishedItem">
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="publishedItem">
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="publishedItem">
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="publishedItem">
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="publishedItem">
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="publishedItem">
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="load-container">
                        <div class="loading">
                            <p>加载更多...</p>
                            <span class="loadAnimation">
                            <li class="loadItem1 loadItem"></li>
                            <li class="loadItem2 loadItem"></li>
                            <li class="loadItem3 loadItem"></li>
                        </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="swiper-slide">
                <div class="content-slide">
                    <div>
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div>
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div>
                        <p>你的背包-陈奕迅</p>
                        <span style="width:60%;">送给：王晓晴
                    </span>
                        <span style="float: right;">2018-4-8 15:20</span>

                    </div>
                    <div class="load-container">
                        <div class="loading">
                            <p>加载更多...</p>
                            <span class="loadAnimation">
                            <li class="loadItem1 loadItem"></li>
                            <li class="loadItem2 loadItem"></li>
                            <li class="loadItem3 loadItem"></li>
                        </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script src="./js/accountPage.js"></script>
<script type="text/javascript" src="../commonJs/jquery-1.11.0.min.js"></script>
<script src="../commonJs/jquery.animsition.min.js"></script>
<script src="./js/getData.js"></script>
<script src="../commonJs/dragFresh.js"></script>
<script>
    var tabsSwiper = new Swiper('.swiper-container', {
        speed: 500,
        onSlideChangeStart: function () {
            $(".tabs .active").removeClass('active');
            $(".tabs a").eq(tabsSwiper.activeIndex).addClass('active');
        }
    });
    $(".tabs a").on('click', function (e) {
        e.preventDefault();
        $(".tabs .active").removeClass('active');
        $(this).addClass('active');
        tabsSwiper.swipeTo($(this).index());
    });
</script>
</body>

</html>